<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<footer class="footer-style-1" th:fragment="footer">
    <div class="container">
        <div class="row">
            <div class="footer-style-1-inner">
                <div class="widget-footer widget-text col-first col-small">
                    <a href="#">
                        <img class="logo-footer" th:src="@{/mall/images/logo.png}" alt="Logo Organic"/>
                    </a>
                    <div class="widget-link">
                        <ul>
                            <li>
                                <span class="lnr lnr-map-marker icon"></span>
                                <span>四川省成都市郫都区德源镇静园东路28号优易数据大厦</span>
                            </li>
                            <li>
                                <span class="lnr lnr-phone-handset icon"></span>
                                <a href="tel:0123456789">(+1) 96 716 6879</a>
                            </li>
                            <li>
                                <span class="lnr lnr-envelope icon"></span>
                                <a href="mailto: contact@site.com">tbug@sb.com </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="widget-footer widget-link col-second col-medium">
                    <div class="list-link">
                        <h4 class="h4 heading">商城</h4>
                        <ul>
                            <li>
                                <a href="#">肉</a>
                            </li>
                            <li>
                                <a href="#">蔬菜</a>
                            </li>
                            <li>
                                <a href="#">水果</a>
                            </li>
                            <li>
                                <a href="#">有机食品</a>
                            </li>
                        </ul>
                    </div>
                    <div class="list-link">
                        <h4 class="h4 heading">支持与服务</h4>
                        <ul>
                            <li>
                                <a href="#">联系我们</a>
                            </li>
                            <li>
                                <a href="#">常见问题</a>
                            </li>
                            <li>
                                <a href="#">隐私政策</a>
                            </li>
                            <li>
                                <a href="#">开发日志</a>
                            </li>
                        </ul>
                    </div>
                    <div class="list-link">
                        <h4 class="h4 heading">账户管理</h4>
                        <ul>
                            <li>
                                <a th:href="@{/fore/login.html}">登录</a>
                            </li>
                            <li>
                                <a href="#">购物车</a>
                            </li>
                            <li>
                                <a href="#">我的订单</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="widget-footer widget-newsletter-footer col-last col-small">
                    <h4 class="h4 heading">关注我们</h4>
                    <p>立即关注我们获取每日更新</p>
                    <form class="organic-form form-inline btn-add-on circle border">
                        <div class="form-group">
                            <input class="form-control pill transparent" placeholder="Your Email..." type="email"/>
                            <button class="btn btn-brand circle" type="submit">
                                <i class="fa fa-envelope-o"></i>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="copy-right style-1">
        <div class="container">
            <div class="row">
                <div class="copy-right-inner">
                    <p>Copyright © 2019 Designed by TBUG. All rights reserved.</p>
                    <div class="widget widget-footer widget-footer-creadit-card">
                        <ul class="list-unstyle">
                            <li>
                                <a href="#">
                                    <img th:src="@{/mall/images/icons/creadit-card-01.png}" alt="creadit card"/>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img th:src="@{/mall/images/icons/creadit-card-02.png}" alt="creadit card"/>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img th:src="@{/mall/images/icons/creadit-card-03.png}" alt="creadit card"/>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img th:src="@{/mall/images/icons/creadit-card-04.png}" alt="creadit card"/>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</html>